
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>shop</title>
    <link rel="stylesheet" type="text/css" href="../css/shop_style.css">
    <script type="text/javascript" src='../js/jquery-1.7.2.min.js'></script>
    <script src="../js/shop.js" type="text/javascript"></script>
</head>
<body>
<div class="header">
    <div class="header-top">
        <!-- container -->
        <div class="container">
            <div class="header-top-left">
                <ul>
                    <li><a href="#">评测自媒体</a></li>
                    <li><a href="#">VR百科</a></li>
                    <li><a href="#">VR论坛</a></li>
                </ul>
            </div>
            <div class="clearfix"> </div>
        </div>
        <!-- //container -->
    </div>
    <div class="header-middle">
        <!-- container -->
        <div class="container">
            <div class="header-middle-logo">
                <a href="home.html">虚拟现实质量评估网站</a>
            </div>
        </div>
        <div class="header-middle-right">
            <div class="login">
                <ul>
                    <li class="gray"><a href="login.html"><h4> 登陆</h4></a></li>
                    <li class="gray"><a href="register.html"><h4> 注册</h4></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="top-nav">
        <!-- container -->
        <div class="container">
            <span class="menu">菜单</span>
            <ul class="nav1">
                <li><a href="home.html">首页</a><li>
                <li><a href="news.html">新闻资讯</a><li>
                <li><a href="shop.html">产品中心</a><li>
                <!--<li><a href="articles.html">评测中心</a><li>-->
                <li><a href="compare">产品对比</a><li>
                <!--<li><a href="typo.html">产品排行榜</a><li>-->
                <!--<li><a href="contact.html">消费者口碑</a></li>-->
                <div class="clearfix"> </div>
            </ul>
            <script>
                $( "span.menu" ).click(function() {
                    $( "ul.nav1" ).slideToggle( 300, function() {
                        // Animation complete.
                    });
                });

            </script>

        </div>
        <!-- //container -->
    </div>

</div>
<div class="content">
<div class="title1">
    <p>您的位置：<a href="home.html">首页</a> > <a href="#"> 产品中心</a></p>
</div>
<div class="menu">
    <div class="nav">
        <div class="navs">
            <div class="left_nav">
                <h2>产品中心</h2>
            </div>
        </div>
        <div class="nav_right">
            <form>
                <input type="text" placeholder=" " required="">
                <input type="submit" value="搜索">
                <div class="clearfix"> </div>
            </form>
        </div>
    </div>
</div>

<div class="Sscreen">
    <hr>
    <div class="list">
        <form>
            <select name="grand" onchange="" id="select1">
                <option>所有种类</option>
                <option>VR眼镜</option>
                <option>VR头盔</option>
                <option>VR一体机</option>
            </select>
            <select name="rank" onchange="" id="select2">
                <option>按日期排序</option>
                <option>按价格排序</option>
            </select>
        </form>
     <hr>
    </div>
</div>
<div class="Sbox">
    <div id="right_box">
        <div class="box_title">对比栏</div>
    </div>
    <button class="right_button"><a href="compare">进行对比</a></button>
    <div class="Sbox_list">
        <div class="list" id="1">
            <img class="img" src="../img/c4.png" alt="" id="img1">
            <div class="title" id="title1" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机3D虚拟现实头戴显示设备灯</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="2">
            <img class="img" src="../img/p2.jpg" alt="" id="img2">
            <div class="title" id="title2" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机3D虚拟现实头戴显示设备灯</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="3">
            <img class="img" src="../img/p3.jpg" alt="" id="img3">
            <div class="title" id="title3" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机3D虚拟现实头戴显示设备灯</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="4">
            <img class="img" src="../img/p4.jpg" alt="" id="img4">
            <div class="title" id="title4" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机3D虚拟现实头戴显示设备灯</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="5">
            <img class="img" src="../img/c4.png" alt="" id="img5">
            <div class="title" id="title5" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机3D虚拟现实头戴显示设备灯</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="6">
            <img class="img" src="../img/c4.png" alt="" id="img6">
            <div class="title" id="title6" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="7">
            <img class="img" src="../img/c4.png" alt="" id="img7">
            <div class="title" id="title7" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="8">
            <img class="img" src="../img/c4.png" alt="" id="img8">
            <div class="title" id="title8" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="9">
            <img class="img" src="../img/c4.png" alt="" id="img9">
            <div class="title" id="title9" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="10">
            <img class="img" src="../img/c4.png" alt="" id="img10">
            <div class="title" id="title10" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list"  id="11">
            <img class="img" src="../img/c4.png" alt="" id="img11">
            <div class="title" id="title11" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="12">
            <img class="img" src="../img/c4.png" alt="" id="img12">
            <div class="title" id="title12" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list"  id="13">
            <img class="img" src="../img/c4.png" alt="" id="img13">
            <div class="title" id="title13" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;"><a href="">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="14">
            <img class="img" src="../img/c4.png" alt="" id="img14">
            <div class="title" id="title14" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="15">
            <img class="img" src="../img/c4.png" alt="" id="img15">
            <div class="title" id="title15" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="16">
            <img class="img" src="../img/c4.png" alt="" id="img16">
            <div class="title" id="title16" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="17">
            <img class="img" src="../img/c4.png" alt="" id="img17">
            <div class="title" id="title17" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="18">
            <img class="img" src="../img/c4.png" alt="" id="img18">
            <div class="title" id="title18" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="19">
            <img class="img" src="../img/c4.png" alt="" id="img19">
            <div class="title" id="title19" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
        <div class="list" id="20">
            <img class="img" src="../img/c4.png" alt="" id="img20">
            <div class="title" id="title20" style="font-size: 16px;font-weight: bold;margin: 5px;">Tralean 750英寸1080P智能视频眼镜VR一体机</div>
            <div class="article" style="text-decoration: underline;margin-left: 80px;color: #005aa0;font-size: 10px;" onclick="store(this)"><a href="single_product.html">详细信息</a></div>
            <input type="button" onclick="pull(this)" class="button1" value="加入对比" />
        </div>
    </div>

    <div class="page">
        <ul class="page_ul">
            <li><a href="#">&laquo;</a></li>
            <li class="active"><span>1</span></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">6</a></li>
            <li><a href="#">7</a></li>
            <li><a href="#">8</a></li>
            <li>.......</li>
            <li><a href="#">30</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
    </div>

</div>
</div>
<!--<script>-->
    <!--function pull(){-->
        <!--alert(" i am shy");-->
    <!--}-->
<!--</script>-->

<footer>
    <div class="wrap">
        <div class="about">
            <div class="title">关于我们</div>
            <p>介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍
                介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
        </div>
        <ul class="link1">
            <li class="title">本网站指引</li>
            <li><a href="home.html">首页</a></li>
            <li><a href="news.html">新闻资讯</a></li>
            <li><a href="#">产品中心</a></li>
            <!--<li><a href="feedback.html">评测中心</a></li>-->
            <li><a href="#">产品对比</a></li>
            <!--<li><a href="#">产品排行榜</a></li>-->
        </ul>
        <ul class="link2">
            <!--<li><a href="#">消费者口碑</a></li>-->
            <li><a href="#">评测自媒体</a></li>
            <li><a href="#">VR百科</a></li>
            <li><a href="#">VR论坛</a></li>
        </ul>
        <div class="clearFloat"></div>
        <!--<div class="copy"><p>&copy; 2017 All Rights Reserved</p></div>-->
    </div>

</footer>
</body>
</html>